<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: DELL
  Date: 2020/12/23
  Time: 22:39
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="utf-8">
    <title>Title</title>
    <link rel="stylesheet" href="../css/index.css"/>
    <link rel="stylesheet" href="../css/essayShow.css"/>
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="../js/index.js"></script>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<% String path = request.getContextPath();%>
<body>
<div style="background-color: #F3F4F5">
    <div class="row-fluid" >
        <div class="col-md-1"></div>
        <div class="col-md-5" id="essay_list" >
            <c:forEach items="${essay}" var="essay">
                <div id="essay_item" >
                    <div id ="essay_synopsis" style="display: inline-block">
                        <div class="essay_right">
                                <%--后续需要修改--%>
                            <%--a href="essay_each.jsp">我是来测试的</a--%>
                            <a href="<%=path%>/findEssayById?id=${essay.essay_Id}" target="_blank">${essay.essay_title}</a>
                        </div>
                        <div>
                            <a href="#">${essay.essay_author}</a>
                            <span>${essay.essay_time}</span>
                        </div>
                    </div>
                </div>
            </c:forEach>
        </div>
        <div align="center">
            <ul class="pagination">
                <li><a href="#">&laquo;</a></li>
                <li><a href="#">1</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">5</a></li>
                <li><a href="#">&raquo;</a></li>
            </ul>
        </div>
    </div>
</div>
</body>
</html>
